<!DOCTYPE html>
<html lang="es">
<head>
    <title>Haga su pedido con Manoplas! </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> 
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script> 
    <script src="js/Dynalight_400.font.js" type="text/javascript"></script>
    <script src="js/FF-cash.js" type="text/javascript"></script>  
	<!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="Usted está utilizando un navegador obsoleto. Para una experiencia de navegación más rápida, más segura, actualizar de forma gratuita hoy." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
</head>
<body id="page6">

    <header>
    
    	<div class="row-top">
        	<div class="main">
            	<div class="wrapper">
                	<h1><a href="index.html"> <img src="images/logo.jpg" height="110" width="109"> Manoplas<span></span></a></h1>
                    <nav>
                        <ul class="menu">
                            <li><a href="index.html">Inicio</a></li>
                            <li><a href="menu.html">Menu</a></li>
                            <li><a href="catalogo.html">Catalogo </a></li>
                            <li><a href="envio.html">Envío</a></li>
                            
                            <li><a class="activo" href="contacto.html">Contacto</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="row-bot">
        	<div class="row-bot-bg">
            	<div class="main">
                	<h2> 
                	 Solicite informacion de Manoplas! </span></h2>
                </div>
            </div>
        </div>
    </header>
 
    <section id="content"><div class="ic"></div>
        <div class="main">
            <div class="wrapper">
            	<article class="col-1">
                	<div class="indent-left">
                    	<h3 class="p1">Ubicación Geografica</h3>
                        <figure class="indent-bot">
                            <iframe width="240" height="180" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.ar/maps?q=-27.473552,-58.847465&amp;num=1&amp;t=m&amp;gl=ar&amp;hl=es-419&amp;ie=UTF8&amp;ll=-27.473678,-58.847357&amp;spn=0.001492,0.002411&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com.ar/maps?q=-27.473552,-58.847465&amp;num=1&amp;t=m&amp;gl=ar&amp;hl=es-419&amp;ie=UTF8&amp;ll=-27.473678,-58.847357&amp;spn=0.001492,0.002411&amp;z=14&amp;source=embed" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small><br />
                            <small>
<a href="https://maps.google.com.ar/maps?f=q&amp;source=embed&amp;hl=es-419&amp;geocode=&amp;q=-27.473352,-58.84719&amp;aq=&amp;sll=-27.473961,-58.848374&amp;sspn=0.005968,0.009645&amp;t=m&amp;gl=ar&amp;ie=UTF8&amp;ll=-27.473419,-58.847497&amp;spn=0.001492,0.002411&amp;z=14" style="color:#0000FF;text-align:left">Estamos ubicados aqui</a></small>

                        </figure>
                        <dl>
                            <dt class="p1">Corrientes - Argentina</dt>
                            <dd><span>Telefono</span>  XXX XXX XXXX</dd>
                            <dd><span>Celular:</span>  XXX XXX XXXX</dd>
                          <dd><span>Email:</span><a class="color-2" href="#">info@manoplas.com.ar</a></dd>
                        </dl>
                    </div>
                </article>
                <article class="col-2">
                	<h3 class="p1">Contactenos</h3>
                    <form id="contact-form" method="post" enctype="multipart/form-data">                    
                        <fieldset>
                              <label><span class="text-form">Nombre y Apellido</span>
                                <input name="name" type="text" placeholder="Nombre y Apellido"/></label>
                              <label><span class="text-form">E-mail:</span>
                                <input name="email" type="text" placeholder="ejemplo@mail.com"/></label>                              
                              <div class="wrapper">
                                <div class="text-form">Su mensaje</div>
                                <div class="extra-wrap">
                                    <textarea> Ingrese su mensaje</textarea>
                                    <div class="clear"></div>
                                    <div class="buttons">
                                        <a class="button-2" href="#" onClick="document.getElementById('contact-form').reset()">Vaciar mensaje</a>
                                        <a class="button-2" href="#" onClick="document.getElementById('contact-form').submit()">Enviar</a>
                                    </div> 
                                </div>
                              </div>                            
                        </fieldset>						
                    </form>
                </article>
            </div>
        </div>
    </section>
    
    <footer>
        <div class="main">
        	<div class="aligncenter">
            	<p><span>Manoplas delivery | Copyright &copy; 2014</span>Correo electronico: info@manoplas.com.ar direccion telefono lalalalala</p><div class="pieinfo"> Diseño web realizado por Silvina Esquivel y Ezequiel Avalos <a href="web@manoplasdelivery.com.ar">web@manoplasdelivery.com.ar </a> </div>
        	</div> 
        	</div> 
        </div>
    </footer>
    
</body>
</html>
